﻿@model Unijovem.UI.Models.ConversaModel
<script type="text/javascript">
    $(function() {
        var divScroll = $("#@string.Concat("JanelaConversa", Model.IdPessoa)");
        divScroll.animate({ scrollTop: divScroll.prop("scrollHeight") - divScroll.height() }, 0);
        
        window.setInterval(atualizarConversa, 3000);
    });

    function atualizarConversa( ) {
        $.ajax({
            url: '/Mensagem/AtualizarConversa',
            type: "GET",
            data: "idPessoa=@Model.IdPessoa",
            cache: false,
            success: function (result) {
                if (result.success) {
                    var divScroll = $("#@string.Concat("JanelaConversa", Model.IdPessoa)");
                    divScroll.html(result.html);
                    divScroll.animate({ scrollTop: divScroll.prop("scrollHeight") - divScroll.height() }, 0);
                } else {
                    window.location.href = result.url;
                }
            },
            error: function (req, status, error) {
                alert("Sorry! We could not receive your feedback at this time.");
            }
        });
    }
</script>
<div class="borderVermelha floatRight" style="width:200px; height: 315px; padding: 4px 2px 2px 2px;" id="@string.Concat("Conversa", Model.IdPessoa)">
    <div class="borderVermelhaBottom" style="width: 100%; height: 20px;">
        <span class="floatLeft">@Model.NomePessoa</span> <a href="#" style="height: 100%;" class="floatRight" onclick="return fecharConversa('@string.Concat("Conversa", Model.IdPessoa)')">
            X</a>
        <div class="clear">
        </div>
    </div>
    <div style="height: 200px; overflow-y:scroll; width:100%; padding-top:6px; margin-bottom: 6px;" id="@string.Concat("JanelaConversa", Model.IdPessoa)">
        @Html.Partial("TextoConversa", Model.Mensagens)
        @*@foreach (var item in Model.Mensagens)
    {
        <span class="negrito">@item.PessoaRemetente.NomeCompleto: </span>
        @item.Texto
        <br />
    }*@
    </div>
    @*<input type="text" onkeypress="return enviarTexto(event, @Model.IdPessoa);" id="@string.Concat("Mensagem", Model.IdPessoa)" />*@
    <textarea rows="1" cols="22" maxlength="490" onkeypress="return enviarTexto(event, @Model.IdPessoa);" id="@string.Concat("Mensagem", Model.IdPessoa)" />
     
</div>
